<template>
        <div class="div1" style="display: block">


                <div v-for="value in books">

                        {{value.title}}</div>



        </div>


</template>
<style scoped>
    .div1 {
        display: none;
        width: 100%;
        background-color: #fcf8e3;
        height:400px;
        border: 1px solid;
        border-radius:15px;
        border-top: none;
        

    }

</style>
<script>
    export default{
        data(){
            return {}
        },

        computed: {
            books(){
                return this.$store.state.userNameBooks;
            }
        },

        components: {},
        methods: {},
    }
</script>

